<template>
  <div>
    <!-- v-model 修饰符:
        .number: 在同步给变量时使用 parseFloat 转成 number 类型
        .trim: 去除首尾空白字符
        .lazy: 不是立即同步内容给变量,而是事瞿焦点时同步, 相当于从 input 事件变成了 change 事件
     -->
      <span>年龄:</span>
      <input v-model.number="age" type="text">
      <br>
      <span>人生格言:</span>
      <input v-model.trim="motto" type="text">
      <br>
      <span>自我介绍:</span>
      <textarea v-model.lazy="intro" name="" id="" cols="30" rows="10"></textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: '',
      motto: '',
      intro: ''
    }
  }
}
</script>

<style>

</style>